﻿<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>jQuery在线答题考试系统下载 - 站长素材</title>

    <link href="css/main.css" rel="stylesheet" type="text/css"/>
    <link href="css/iconfont.css" rel="stylesheet" type="text/css"/>
    <link href="css/test.css" rel="stylesheet" type="text/css"/>
    <style>
        .hasBeenAnswer {
            background: #5d9cec;
            color: #fff;
        }
    </style>

</head>
<body>
<div class="main">
    <!--nr start-->
    <div class="test_main">
        <div class="nr_left" style="widows: 1180px">
            <div class="test">
                <form action="http://localhost:8080/index.do" method="post">
                    <div class="test_content">
                        <div class="test_content_title" style="height: 100%">
                            <h1 align="center" style="width: 100%">首页</h1>
                            <div style="text-align: center;height: 500px;border-top:2px solid #e4e4e4; margin-top: 30px;padding-top:180px">
                              <a href="http://localhost:8080/exam.do">开始考试</a> &nbsp;&nbsp;
                               <a href="http://localhost:8080/score.do">查看成绩</a>
                                <label> <%if (request.getAttribute("info") != null) {%>
                                    <%=request.getAttribute("info")%>
                                    <%}%></label>
                            </div>
                        </div>
                    </div>
                </form>
            </div>

        </div>

    </div>
    <!--nr end-->
    <div class="foot"></div>
</div>

<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.easy-pie-chart.js"></script>
<!--时间js-->
<script src="js/jquery.countdown.js"></script>
<script>
    window.jQuery(function ($) {
        "use strict";

        $('time').countDown({
            with_separators: false
        });
        $('.alt-1').countDown({
            css_class: 'countdown-alt-1'
        });
        $('.alt-2').countDown({
            css_class: 'countdown-alt-2'
        });

    });


    $(function () {
        $('li.option label,li.option input').click(function () {
            debugger;
            var examId = $(this).closest('.test_content_nr_main').closest('li').attr('id'); // 得到题目ID
            var cardLi = $('a[href=#' + examId + ']'); // 根据题目ID找到对应答题卡
            // 设置已答题
            if (!cardLi.hasClass('hasBeenAnswer')) {
                cardLi.addClass('hasBeenAnswer');
            }

        });
    });
</script>

<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
    <p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>

</div>
</body>
</html>
